<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>走马灯效果</title>
</head>
<body>
<!--
direction:方向
loop : 循环的次数
scrollamount：速度
delay:延时
scrolldelay:延时
-->
<div style="width: 600px;height:600px;background-color: aqua">
<marquee scrolldelay="100" scrollamount="40" loop="2" behavior="alternate" direction="right">
    文字或者图片
    <img src="top.png" alt="">
</marquee>
<hr>
<marquee behavior="slide" direction="left">
    <img src="top.png" alt="">
</marquee>

</div>
</body>
</html>